<template>
    <h1>Info</h1>
    <slot name="header"></slot>
    <slot name="footer"></slot>
</template>

<script setup lang="ts">
   import {useSlots, onMounted, useAttrs} from 'vue';

   const slots = useSlots();
   const attrs = useAttrs();

   onMounted(() => {
       console.log(slots);
       console.log(attrs);
   })
</script>

<style lang="scss" scoped>

</style>